
	<script type="text/javascript"> 

		 // {'ways':newStr, 'comments':comments_obj, 'leftLinks':linkList_obj, 'route':route, 'enc':polyPts  }

 		//must be in:

		 var myObj=new Object();
		 var myGPX = new Object();
		 var parkingArray = {{ route.parking }};
		 var restroomsArray = {{ route.restrooms }};
		 var zoomLevel =  {{route.zoom }};
                	
 	</script>

<div id="helpNode"> </div>
<div id="routeLabels" name="routeLabels">
		<h1>Name:  {{route.routeName}}, {{ route.locationName }}  </h1> 
</div>
		
<div id="photoBox" >

	<div id="picFrame">
		<a href="" id="getImg" name="getImg" style="padding:0px; border:0px"  onclick="stopShow();" > 
		<img src="" id="photo" name="photo" width=100%;  title="Click to view original image" alt="picture of location">    </a> 
	
	<div id="descriptionBox" > </div> 
	<div id="mileageBox"> </div>
	<div id="picControls"> 
		<ul><li><button ID="backBut";  class="nav" name="backBut"; style="visibility: hidden"; onclick="backPic();">
				&larr;</button>
		<li><button ID="nextBut";  class="nav" name="nextBut"; style="visibility: hidden"; onclick="nextPic();">
				&rarr;</button>
		<li><button ID="stopBut";  class="nav" name="stopBut"; style="visibility: hidden"; onclick="stopShow();">
				||</button>
		<li><button ID="playBut"; class="nav" name="playBut"; style="visibility: hidden"; onclick="slideShow(-1);">
				PLAY</button>
		<li><button ID="restartBut"; class="nav" name="restartBut"; style="visibility: hidden"; onclick="restartShow();">
				RESTART</button>
		<li> 
		</ul>
	</div>  
</div>
	<div id="rightSidebar" class="banner">
	 		Add A Comment:   

		{%if user %}
			<b> &lt;{{user}}&gt;</b>

			

	  		<textarea id="tbxComment" name="tbxComment" value="" onClick="dirtyComment()" COLS=58 style="border:1px" />
				 </textarea>
	 		
			<button ID="btnComment"; class="nav" name="btnComment"; style="visibility: hidden"; onclick="addComment( '{{ route.key }}' )">
				Save</button>
	 		


		{% else %}
			{%if sign_in%} <a class="uline" href="{{sign_in}}" >Sign in</a> {%endif%}
		{%endif%}
		<div id="commentPlace">
		{%for comment in comments.comments reversed%}  
			<ul>
				<li> {{ comment.comment }}, <i class="tinylabel"> by {{ comment.shortname }} on {{comment.date }} </i>
			</ul>
		{%endfor%}
		</div>
	</div>

</div>


<div id ="jbox">
 <textarea  id="JSONbox" name="JSONbox" value = "" rows=5 cols=60 style="visibility:hidden" > {{ ways }} </textarea>
 <textarea  id="GPXbox" name="GPXbox" value = "" rows=5 cols=60 style="visibility:hidden" > {{ enc }} </textarea>
</div>
</div>	
	

